<div id="titulo_pagina_arte">
<p> Artesanías </p>
</div>
<br>
<div class="caja2">

  Diversos tipos de artesanías

 <div id="galleria">
              <a href="recursos/imagenes/arte/pulsera1.png">
                  <img 
                      src="recursos/imagenes/arte/pulsera1_100px.png",
                      data-big="recursos/imagenes/arte/pulsera1.png"
                      data-title="Pulsera de Gen"
                      data-description="Pulsera de gen con moneda de Costa Rica de 5 colones">
              </a>
              <a href="recursos/imagenes/arte/pulsera2.png">
                  <img 
                      src="recursos/imagenes/arte/pulsera2_100px.png",
                      data-big="recursos/imagenes/arte/pulsera2.png"
                      data-title="Pulsera de cuero"
                      data-description="Pulsera a base de cuero con cordon encerado">
              </a>
			  <a href="recursos/imagenes/arte/pulsera3.png">
                  <img 
                      src="recursos/imagenes/arte/pulsera3_100px.png",
                      data-big="recursos/imagenes/arte/pulsera3.png"
                      data-title="Pulsera de cuero"
                      data-description="Pulsera de gen y cordon encerado">
              </a>
  </div>
</div>
<script>
    // Load the classic theme
    Galleria.loadTheme('recursos/classic/galleria.classic.min.js');
    // Initialize Galleria
    Galleria.run('#galleria');
</script>
<!-- <center>
 <div style="width:400px; height:333px;">
   <div id="slides">
    <img src="recursos/imagenes/arte/pulsera1.png" alt="Pulsera de gen y moneda de Costa Rica">
    <img src="recursos/imagenes/arte/pulsera2.png" alt="Pulsera hecha con materiales de cuero">
	
	<a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
    <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
   </div>
 </div>
</center>
  <script>
    $(function(){
      $('#slides').slidesjs({
        width: 400,
        height: 333,
		navigation:false
      });
    });
  </script> -->
  

  <!-- <div class="container">
    <div id="slides1">
      <img src="recursos/imagenes/1.jpg" alt="Photo by: Missy S Link: http://www.flickr.com/photos/listenmissy/5087404401/">
      <img src="recursos/imagenes/2.jpg" alt="Photo by: Daniel Parks Link: http://www.flickr.com/photos/parksdh/5227623068/">
      <img src="recursos/imagenes/3.jpg" alt="Photo by: Mike Ranweiler Link: http://www.flickr.com/photos/27874907@N04/4833059991/">
      
      <div id="slides_controls">
  	    <div onclick="javascript:anterior('slides1');" class="slides-anterior"> </div>
        <div onclick="javascript:siguiente('slides1');" class="slides-siguiente"></div>
	  </div>
    </div>
  </div> 
  
  
  <script>
    	javascript:cargarContenido('slides1');
   </script> -->